<template>
  <div :class="classMap">wanglili</div>
</template>
<script lang="ts">
import { defineComponent, onMounted, Ref, ref } from "vue";

export default defineComponent({
  name: "",
  components: {},
  props: {},
  setup() {
    // const classMap: Ref<Map<string, any>> = ref(new Map());

    // classMap.value.set("active", true);
    // classMap.value.set("text-danger", false);
    // classMap.value.set("color", "red");

    // onMounted(() => {
    // classMap.value.set("active", true);
    // classMap.value.set("text-danger", false);
    // classMap.value.set("color", "red");
    // });

    const  classMap = {
       active: true,
       color: "red",
       height: 220,
      'text-danger': false
    };

    return {
      classMap,
    };
  },
});
</script>
<style lang="scss" scoped></style>
